﻿<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<meta name="keywords" content="">
<title></title>
<!-- Favicon Icon -->
<link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon">
<!-- Bootstrap -->
<link rel="stylesheet" href="css/bootstrap.css">
<!-- Plugins -->
<link rel="stylesheet" href="css/core.css">
<!-- Custom CSS -->
<link rel="stylesheet" href="css/style.css">
</head>

<body id="top">
<div class="animsition">
	<div class="content">
		<header class="header-wrap no-transparent">
			<div class="header-container">
				<div class="container clearfix">
					<div class="pull-left">
						<!-- Logo -->
						<a href="index.html" class="logo clearfix">粒子跳动视频工作室</a>
					</div>
					<div class="pull-right">
						<!-- Menu Burger -->
						<a href="#" class="fullscreen-menu-toggle">
							<span>目录</span>
							<i class="menu-bars">
								<i></i>
								<i></i>
								<i></i>
							</i>
						</a>
					</div>

				</div>
			</div>
			<!-- End header-container -->
		</header>
		<div id="fullscreen-navigation">
			<div class="inner-wrap">
				<nav>
					<ul class="nav_menu">
						<li><a href="index.html">首页</a></li>
						<li><a href="contact.html">联系我们</a></li>
					</ul>
				</nav>
			</div>
		</div>
		<!-- End fullscreen-navigation -->
		<section class="jarallax" style="background-image: url('img/bg/08.png');">
			<div class="container">
				<div class="aligner">
					<div class="aligner-item page-title">
						<h1>粒子跳动视频工作室</h1>
						<p>Premiere(Pr) 视频剪辑</p>
						<p>PhotoShop(Ps) 图片处理</p>
						
					</div>
				</div>
			</div>
		</section>
		<!-- End section -->

		<main>
			<!-- Latest Blog Section Start -->
			<section class="pt-100 pb45">
				<div class="container">
					<div class="row">
						<div class="col-xs-12">
							<div class="area-heading text-center">
								<h2 class="area-title">作品赏析</h2>
							</div>
						</div>                                
					</div>
					<div class="row">
						<!-- Blog Single -->
						<div class="col-md-4 col-sm-6 col-xs-12">
							<div class="blog-wrap blog-wrap-mas">
								<div class="blog-thumb">
									<img src="img/blog/2m.png" alt="">
								</div>
								<!-- End blog-thumb -->
								<div class="post-header clearfix">
									<h2 class="post-title clearfix">
										<a href="https://music.163.com/#/video?id=1237631A663CA2679D95742FD579FBE1" target="_blank" class="animsition-link">高燃海战 混剪</a>
									</h2>
									<ul class="post-meta-sm clearfix">
										<li>
											<span class="post-time">June 20, </span>
										</li>
										<li>
											<span class="post-time">视频地址： </span>
										</li>
									</ul>
								</div>
								<div class="post-content clearfix">
									<a href="https://music.163.com/#/video?id=1237631A663CA2679D95742FD579FBE1" target="_blank">网易云视频观看</a>
									<p>高燃残酷的海战，配合一首空灵的暗香，把战争残酷动人的一面娓娓道来</p>
								</div>
								<!-- End post-content -->
							</div>
						</div>
						<!-- Blog Single -->
						<!-- Blog Single -->
						<div class="col-md-4 col-sm-6 col-xs-12">
							<div class="blog-wrap blog-wrap-mas">
								<div class="blog-thumb">
									<img src="img/blog/7.png" alt="">
								</div>
								<!-- End blog-thumb -->
								<div class="post-header clearfix">
									<h2 class="post-title clearfix">
										<a href="#" class="animsition-link">How To Save Your Client</a>
									</h2>
									<ul class="post-meta-sm clearfix">
										<li>
											<span class="post-time">June 20, </span>
										</li>
										<li>
											<a href="#">0 Comments</a>
										</li>
									</ul>
								</div>
								<div class="post-content clearfix">
									<p>A blanditiis, ab. Commodi at provident necess itatibus animi consequuntur veritatis nesciunt, totam, natus quo saepe cupiditate molitia eveniet iste deleniti. . .</p>
								</div>
								<!-- End post-content -->
							</div>
						</div>
						<!-- Blog Single -->
						<!-- Blog Single -->
						<div class="col-md-4 col-sm-6 col-xs-12">
							<div class="blog-wrap blog-wrap-mas">
								<div class="blog-thumb">
									<img src="img/blog/3m.png" alt="">
								</div>
								<!-- End blog-thumb -->
								<div class="post-header clearfix">
									<h2 class="post-title clearfix">
										<a href="#" class="animsition-link">New MiniDark Studio</a>
									</h2>
									<ul class="post-meta-sm clearfix">
										<li>
											<span class="post-time">June 20, </span>
										</li>
										<li>
											<a href="#">0 Comments</a>
										</li>
									</ul>
								</div>
								<div class="post-content clearfix">
									<p>A blanditiis, ab. Commodi at provident necess itatibus animi consequuntur veritatis nesciunt, totam, natus quo saepe cupiditate molitia eveniet iste deleniti. . .</p>
								</div>
								<!-- End post-content -->
							</div>
						</div>
						<!-- Blog Single -->
					</div>
				</div>
			</section>
			<!-- Latest Blog Section End -->
			<!-- Testimonials -->
			<section class="testimonial-area">
				<div class="container-fluid">
					<div class="row">
						<div class="testimonial-wrap jarallax overlay-dark" style="background-image: url('img/bg/06.png');">
							<div class="col-md-8 col-md-offset-2">
								<div class="testimonial-carousel">
									<div class="swiper-wrapper">
										<div class="swiper-slide testimonial-item">
											<div class="avatar">
												<img src="img/avatar-primary.png" alt="">
											</div>
											<blockquote class="testimonial-content">
												<i class="fa fa-quote-left" aria-hidden="true"></i>草在结它的种子，风在摇它的叶子，我们站着，不说话，就十分美好.
												<i class="fa fa-quote-right" aria-hidden="true"></i>
											</blockquote>
											<h5 class="author-person">--门前</h5>
											<span class="testimonial-author">顾 城</span>
										</div>
										<!-- END TESTIMONIAL-ITEM -->
										<div class="swiper-slide testimonial-item">
											<div class="avatar">
												<img src="img/avatar.png" alt="">
											</div>
											<blockquote class="testimonial-content">
												<i class="fa fa-quote-left" aria-hidden="true"></i>雨纷纷，旧故里草木深；我听闻，你始终一个人 .
												<i class="fa fa-quote-right" aria-hidden="true"></i>
											</blockquote>
											<h5 class="author-person">-- 烟花易冷</h5>
											<span class="testimonial-author">周杰伦</span>
										</div>
										<!-- END TESTIMONIAL-ITEM -->
									</div>
								</div>
								<!-- END TESTIMONIAL-CAROUSEL -->
								<div class="testimonial-pagination"></div>
							</div>
						</div>
					</div>
				</div>
			</section>
			
		</main>
		<a href="#top" class="scroll-top scroll-top-hidden">
			<i class="fa fa-angle-up"></i>
		</a>
		<!-- End scroll-top -->
	</div>
	<!-- End content -->
	<footer>
		<div class="footer">
			<div class="container">
				<div class="text-center">
					<!-- Footer Logo Text -->
					<a href="index.html" class="logo clearfix">粒子跳动视频工作室</a>
					
					<!-- End socials -->
					<!-- End footer-menu -->
					<p class="copy">
						联系我们.QQ : 1210038834
					</p>
				</div>
			</div>
		</div>
	</footer>
	<!-- End footer -->
</div>
<!-- End animsition -->
<script src="js/jquery-1.12.4.min.js"></script>
<script src="js/libs.js"></script>
<!-- Custom -->
<script src="js/main.js"></script>
<script src="js/script.js"></script>
</body>
</html>
